﻿<UserControl x:Class="ODAF.SilverlightApp.PinWheel"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="76" Height="100">
    
    
    <Grid>

    <Grid.Background>
            <ImageBrush ImageSource="Images/radial_bg.png" Stretch="None" AlignmentX="Left" AlignmentY="Top"></ImageBrush>
    </Grid.Background>
        <Image Source="Images/radial_selected.png" Stretch="None" VerticalAlignment="Top" HorizontalAlignment="Center"/>

    <Slider x:Name="slider" Minimum="-180" Maximum="180" Value="0" VerticalAlignment="Bottom" Visibility="Collapsed"></Slider>
    
    <Border BorderThickness="0" BorderBrush="Aqua">


    <Canvas x:Name="LayoutRoot">

        <Canvas.RenderTransform>
            <RotateTransform x:Name="canvasRot" Angle="0" CenterX="38" CenterY="38"></RotateTransform>
        </Canvas.RenderTransform>

        <Canvas x:Name="imgInfo" Width="16" Height="16" Canvas.Left="30" Canvas.Top="8">
           <Image x:Name="upInfoImg" Source="Images/icon_info.png" Stretch="None"></Image>
           <Image x:Name="hoverInfoImg" Source="Images/icon_info_hover.png" Stretch="None" Visibility="Collapsed"></Image>
        </Canvas>

        <Canvas x:Name="imgTag" Width="16" Height="16" Canvas.Left="56" Canvas.Top="30">
            <Image x:Name="upTagImg" Source="Images/icon_tag.png" Stretch="None"></Image>
            <Image x:Name="hoverTagImg" Source="Images/icon_tag_hover.png" Stretch="None" Visibility="Collapsed"></Image>
        </Canvas>

        <Canvas x:Name="imgComment" Width="16" Height="16" Canvas.Left="30" Canvas.Top="56">
            <Image x:Name="upCommentImg" Source="Images/icon_comment.png" Stretch="None"></Image>
            <Image x:Name="hoverCommentImg" Source="Images/icon_comment_hover.png" Stretch="None" Visibility="Collapsed"></Image>
        </Canvas>

        <Canvas x:Name="imgStar" Width="16" Height="16" Canvas.Left="8" Canvas.Top="30">
            <Image x:Name="upStarImg" Source="Images/icon_star.png" Stretch="None"></Image>
            <Image x:Name="hoverStarImg" Source="Images/icon_star_hover.png" Stretch="None" Visibility="Collapsed"></Image>
        </Canvas>

    </Canvas>
    
    </Border>

        
    


    </Grid>
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    <!--
<Canvas HorizontalAlignment="Center" VerticalAlignment="Center" Width="76" Height="76">
                    <Path>
                        <Path.Fill>
                            <ImageBrush ImageSource="Images/radial_bg.png" Stretch="None" AlignmentX="Left" AlignmentY="Top"></ImageBrush>
                        </Path.Fill>
                        <Path.Data>

                            <PathGeometry>
                                <PathFigure IsClosed="True" StartPoint="38,38">
                                    <LineSegment Point="0,0" />
                                    <LineSegment Point="76,0" />
                                </PathFigure>
                            </PathGeometry>
                        </Path.Data>
                    </Path>
                </Canvas>

                <Canvas HorizontalAlignment="Center" VerticalAlignment="Center" Width="76" Height="76" >
                    <Canvas.RenderTransform>
                        <RotateTransform Angle="90" CenterX="38" CenterY="38"></RotateTransform>
                    </Canvas.RenderTransform>
                    <Path>
                        <Path.Fill>
                            <ImageBrush ImageSource="Images/radial_bg.png" Stretch="None" AlignmentX="Left" AlignmentY="Top"></ImageBrush>
                        </Path.Fill>
                        <Path.Data>
                            <PathGeometry>
                                <PathFigure IsClosed="True" StartPoint="38,38">
                                    <LineSegment Point="0,0" />
                                    <LineSegment Point="76,0" />
                                </PathFigure>
                            </PathGeometry>
                        </Path.Data>
                    </Path>
                </Canvas>

                <Canvas HorizontalAlignment="Center" VerticalAlignment="Center" Width="76" Height="76" >
                   <Canvas.RenderTransform>
                        <RotateTransform Angle="180" CenterX="38" CenterY="38"></RotateTransform>
                    </Canvas.RenderTransform>
                    <Path>
                        <Path.Fill>
                            <ImageBrush ImageSource="Images/radial_bg.png" Stretch="None" AlignmentX="Left" AlignmentY="Top"></ImageBrush>
                        </Path.Fill>
                        <Path.Data>
                            <PathGeometry>
                                <PathFigure IsClosed="True" StartPoint="38,38">
                                    <LineSegment Point="0,0" />
                                    <LineSegment Point="76,0" />
                                </PathFigure>
                            </PathGeometry>
                        </Path.Data>
                    </Path>
                </Canvas>

                <Canvas HorizontalAlignment="Center" VerticalAlignment="Center" Width="76" Height="76" >
                   <Canvas.RenderTransform>
                        <RotateTransform Angle="270" CenterX="38" CenterY="38"></RotateTransform>
                    </Canvas.RenderTransform>
                    <Path>
                        <Path.Fill>
                            <ImageBrush ImageSource="Images/radial_bg.png" Stretch="None" AlignmentX="Left" AlignmentY="Top"></ImageBrush>
                        </Path.Fill>
                        <Path.Data>
                            <PathGeometry>
                                <PathFigure IsClosed="True" StartPoint="38,38">
                                    <LineSegment Point="0,0" />
                                    <LineSegment Point="76,0" />
                                </PathFigure>
                            </PathGeometry>
                        </Path.Data>
                    </Path>
                </Canvas>    
    
    -->
</UserControl>
